.gs-line {
    position: relative;
    .line-box {
        overflow: hidden;
        display: flex;
        .li-x {
            background-color: #fff;
            float: left;
            width: 33.33%;
            text-align: center;
            
            
            a {
                padding: .2rem /* 10/50 */ 0px;
                font-size: .4rem /* 20/50 */;
                color: #000000;
                display: block;
                // height: 100%;
                border-bottom: 1px solid #ccc;
            }

        }
    }
    .li-box {
        // display: none;
        position: absolute;
        width: 100%;        
        background-color: #fff;
        text-align: left;
        z-index: 1;
        display: none;
        li {
            .a-one {
                padding: .2rem /* 10/50 */ 0px;
                font-size: .56rem /* 28/50 */;
                color: #000000;
                display: block;
                // height: 100%;
                border-bottom: 1px solid #ccc;
            }
        }
    }
    
    .li-box1 {
        // display: none;
        position: absolute;
        width: 100%;        
        background-color: #fff;
        text-align: left;
        z-index: 1;
        display: none;
        li {
            .a-one {
                padding: .2rem /* 10/50 */ 0px;
                font-size: .56rem /* 28/50 */;
                color: #000000;
                display: block;
                // height: 100%;
                border-bottom: 1px solid #ccc;
            }
        }
    }
    
    .li-box2 {
        // display: none;
        position: absolute;
        width: 100%;        
        background-color: #fff;
        text-align: left;
        z-index: 1;
        display: none;
        li {
            list-style: none;
            .a-one {
                padding: .2rem /* 10/50 */ 0px;
                font-size: .56rem /* 28/50 */;
                color: #000000;
                display: block;
                // height: 100%;
                border-bottom: 1px solid #ccc;
            }
            .all-a {
                padding: .2rem /* 10/50 */ 0px;
                font-size: .56rem /* 28/50 */;
                color: #000000;
                display: block;
                // height: 100%;
                border-bottom: 1px solid #ccc;
            }
        }
    }

    
}

.main-gs {
    padding: .2rem /* 10/50 */;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    
    .main-gsbox {
        width: 49%;
        background-color: #fff;
        // text-align: center;
        color: #000000;
        margin-bottom: .2rem /* 10/50 */;
        img {
            display: block;
            margin: 0 auto;
            width: 5rem /* 250/50 */;
            height: 5rem /* 250/50 */;
        }
        p:nth-child(2) {
            margin-left: .16rem /* 8/50 */;
        }
        p:nth-child(3) {
            padding: .04rem /* 2/50 */ .16rem /* 8/50 */ .16rem /* 8/50 */ .16rem /* 8/50 */;
            span {
                color: #f8601d;
                font-size: .48rem /* 24/50 */;
            }
            button {
                margin-top: .08rem /* 4/50 */;
                width: 1.6rem /* 80/50 */;
                height: .8rem /* 40/50 */;
                text-align: center;
                font-size: .36rem /* 18/50 */;
                color: #fff;
                background-color: #ff9501;
                border-radius: .14rem /* 7/50 */;
            }
        }
    }
}